<script setup>
import { ref } from 'vue'
import TaskCard from '@/components/TaskCard'
import { useReachBottom } from '@tarojs/taro'
import { navigateTo } from '@/router'
import './talent.scss'

const state = ref({
      tab1value: '0',
    })
const typeNum = ref(1)

// 触底事件
useReachBottom(() => {
  console.log('触发加载')
})

</script>

<template>
  <view class="bg page">
    <nut-tabs v-model="state.tab1value">
      <nut-tabpane title="审核中">
        <view class="list">
          <task-card :type="typeNum" v-for="i in 10"></task-card>
        </view>
      </nut-tabpane>
      <nut-tabpane title="已驳回">
        Tab 2
      </nut-tabpane>
      <nut-tabpane title="已取消">
        Tab 3
      </nut-tabpane>
      <nut-tabpane title="已完成">
        Tab 3
      </nut-tabpane>
    </nut-tabs>
  </view>
</template>
